var myChart1 = echarts.init(document.getElementById('hot-panel'));
var myChart2 = echarts.init(document.getElementById('time-panel'));
// 指定图表的配置项和数据


//初始化柱状统计图
function initBar(id,data1,data2) {
    var myChart = echarts.init(document.getElementById(id));
    myChart.setOption({        //载入数据
        xAxis: {
            data: data1,
            splitLine:{
                show:false
            },
            axisLabel: {
                show: true,
                textStyle: {
                    color: '#666666'
                },
                interval:0,
            },
            axisLine:{
                lineStyle:{
                    color:'#dddddd',
                }
            }
        },
        yAxis: {
            splitLine:{ show:false},  //改设置不显示坐标区域内的y轴分割线
            show:false,
            splitLine:{
                show:false
            }
        },
        grid: {
            show:'true',
            borderWidth:'0',
            x:0,
            y:0,
            width:485,
            height:160,
        },
        series: [{
            name: '活动',
            type: 'bar',
            data: data2,
            barWidth : 28,//设置柱子的宽度
            //配置样式
            itemStyle: {
                //通常情况下：
                normal:{
                    label: {
                        show: true,
                        textStyle: {
                            fontWeight: 'bolder',
                            fontSize: '12',
                            fontFamily: '微软雅黑',
                            color:"#000000"
                        },
                        position: 'left',
                        formatter:function(params){
                            if(params.value==0){
                                return '';
                            }
                            return params.value;
                        }
                    },
                    //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组
                    color: function (params){
                        var colorList = ['#C33531','#EFE42A','#64BD3D','#EE9201','#29AAE3', '#B74AE5','#0AAF9F','#E89589','#16A085','#C39BD3 ','#F9E79F','#BA4A00','#3498DB' ];
                        return colorList[params.dataIndex];
                    }
                },
                //鼠标悬停时：
                emphasis: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            },
        }]
    })
}

//加载图表
function initPic(date) {

}

var option1 = {
    xAxis: {
        data: ["测试活动1","测试活动2","测试活动3","测试活动4","测试活动5"],
        splitLine:{
            show:false
        },
        axisLabel: {
            show: true,
            textStyle: {
                color: '#666666'
            }
        },
        axisLine:{
            lineStyle:{
                color:'#dddddd',
            }
        }
    },
    yAxis: {
        splitLine:{ show:false},  //改设置不显示坐标区域内的y轴分割线
        show:false,
        splitLine:{
            show:false
        }
    },
    grid: {
        show:'true',
        borderWidth:'0',
        x:0,
        y:0,
        width:485,
        height:160,
    },
    series: [{
        name: '活动',
        type: 'bar',
        data: [100, 89, 70, 60,50],
        barWidth : 28,//设置柱子的宽度
        //配置样式
        itemStyle: {
            //通常情况下：
            normal:{
                //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组
                color: function (params){
                    var colorList = ['#C33531','#EFE42A','#64BD3D','#EE9201','#29AAE3','#F9E79F','#BA4A00','#3498DB' ];
                    return colorList[params.dataIndex];
                }
            },
            //鼠标悬停时：
            emphasis: {
                shadowBlur: 10,
                shadowOffsetX: 0,
                shadowColor: 'rgba(0, 0, 0, 0.5)'
            }
        },
    }],
};


var option2 = {
    xAxis: {
        data: ["测试活动1","测试活动2","测试活动3","测试活动4","测试活动5"],
        splitLine:{
            show:false
        },
        axisLabel: {
            show: true,
            textStyle: {
                color: '#666666'
            }
        },
        axisLine:{
            lineStyle:{
                color:'#dddddd',
            }
        }
    },
    yAxis: {
        splitLine:{ show:false},  //改设置不显示坐标区域内的y轴分割线
        show:false,
        splitLine:{
            show:false
        }
    },
    grid: {
        show:'true',
        borderWidth:'0',
        x:0,
        y:0,
        width:485,
        height:160,
    },
    series: [{
        name: '活动',
        type: 'bar',
        data: [40, 35, 30, 20,14],
        barWidth : 28,//设置柱子的宽度
        //配置样式
        itemStyle: {
            //通常情况下：
            normal:{
                //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组
                color: function (params){
                    var colorList = ['#0AAF9F','#E89589','#16A085','#C39BD3 ','#F9E79F','#BA4A00','#3498DB' ];
                    return colorList[params.dataIndex];
                }
            },
            //鼠标悬停时：
            emphasis: {
                shadowBlur: 10,
                shadowOffsetX: 0,
                shadowColor: 'rgba(0, 0, 0, 0.5)'
            }
        },
    }],
};


// 使用刚指定的配置项和数据显示图表。
myChart1.setOption(option1);
myChart2.setOption(option2);

layui.use('table', function(){
    var table = layui.table;

    table.render({
        elem: '#test'
        // ,url:'/demo/table/user/'
        // ,cols: [[
        //     {type:'checkbox',rowspan:"2",colspan:"2"}
        //     ,{field:'jobNum',align: 'center', rowspan:"2",colspan:"2",title: '工号'}
        //     ,{field:'handleNum',align: 'center', width: '20%',rowspan:"2",colspan:"2",title: '业务办理数'}
        //     ,{field:'business',align: 'center', width: '20%',title: '重点业务'}
        //     ,{field:'kd',align: 'center',title: '宽带业务'}
        //     ,{field:'bxl',align: 'center',title: '不限量业务'}
        // ]],
        ,data: [{
            "jobNum": "A1987"
            ,"handleNum": "1234"
            ,"kd":'2424'
            ,"bxl":'314'
        }]
        ,page: true
    });
});


//数据下载
function getHandleReportDownload() {
    // var valArr = new Array;
    // var param = getParam();
    // layui.use('table', function(){
    //     var table = layui.table;
    //     var checkStatus = table.checkStatus('testReload');
    //
    //     for (var i = 0; i < checkStatus.data.length;i++){
    //         valArr[i] = checkStatus.data[i].activityId;
    //     }
    //
    //     if(valArr.length==0){
    //         param.activityId = '@';
    //     }else{
    //         param.activityId = valArr.join(",");
    //     }
    //
    //
    //     if (count1!=0){
    window.location.href = 'getHandleReportDownload?activityId='+1;
    //     }else{
    //         toastrComponent.show("warning", "无数据请勿下载！");
    //         return;
    //     }
    // })
}